<!DOCTYPE HTML>
<html>
	<#include "headFile.htm">
	
	
	
<style>
	#b06 ul li{float:left;}
	#b06 ol{padding:inherit;}
	#b06 { width: 640px;position: relative; text-align:center;}
	#b06 .dots { position: absolute; bottom: 20px;left:0;right:0;}
	#b06 .dots li 
	{ 
		display: inline-block; 
		width: 10px; 
		height: 10px; 
		margin: 0 4px; 
		text-indent: -999em; 
		border: 2px solid #fff; 
		border-radius: 6px; 
		cursor: pointer; 
		opacity: .4; 
		-webkit-transition: background .5s, opacity .5s; 
		-moz-transition: background .5s, opacity .5s; 
		transition: background .5s, opacity .5s;
		position: relative;
	}
	#b06 .dots li.active 
	{
		background: #fff;
		opacity: 1;
	}
	#b06 .arrow { position: absolute; top: 350px;}
	#b06 #al { left: 15px;}
	#b06 #ar { right: 15px;}
</style>


	<body class="met-navfixed">
		<div id="page">
			<div class="econav">
				<#include "headerIndex.htm">
				<!-- <div class="main-slider " style="background: url({ms:global.host/}/{ms:global.style/}/images/1488444659.png) 50% 50% no-repeat; background-size: cover;transition: all 0.3s;">
					<div class="rev_slider_wrapper">
						<div class="tp-banner rev_slider tp-overflow-hidden" data-alias="showcase-carousel" eco_arrows="gyges" eco_bullets="uranus" eco_bullets_po="center" eco_bannertype="0" data-height='' data-version="5.3.1.5">
							<ul>
								<li data-transition="boxslide" class="ecobannerli ecobannerliurl" data-slotamount="random" data-masterspeed="1000" data-thumb="{ms:global.host/}/{ms:global.style/}/images/flash1.jpg" data-link="#" data-slideindex="top" data-saveperformance="off" data-title="">
									<img src="{ms:global.host/}/{ms:global.style/}/images/flash1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
								</li>
								<li data-transition="boxslide" class="ecobannerli ecobannerliurl" data-slotamount="random" data-masterspeed="1000" data-thumb="{ms:global.host/}/{ms:global.style/}/images/flash2.jpg" data-link="#" data-slideindex="top" data-saveperformance="off" data-title="">
									<img data-lazyload="{ms:global.host/}/{ms:global.style/}/images/flash2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" src="{ms:global.host/}/{ms:global.style/}/images/flash2.jpg">
								</li>
								<li data-transition="boxslide" class="ecobannerli ecobannerliurl" data-slotamount="random" data-masterspeed="1000" data-thumb="{ms:global.host/}/{ms:global.style/}/images/flash3.jpg" data-link="#" data-slideindex="top" data-saveperformance="off" data-title="">
									<img data-lazyload="{ms:global.host/}/{ms:global.style/}/images/flash3.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" src="{ms:global.host/}/{ms:global.style/}/images/flash3.jpg">
								</li>
							</ul>
							<div class="tp-bannertimer" style="height: 6px; background-color: rgba(0, 0, 0, 0.14902);top:0px;"></div>
						</div>
					</div>
				</div> -->
			

			</div>
			</div>
			<div class="banner" id="b06">
			    <ul>
			        <li><img class="sliderimg" src="{ms:global.host/}/{ms:global.style/}/images/flash1.jpg" alt="" width="100%" ></li>
			        <li><img class="sliderimg" src="{ms:global.host/}/{ms:global.style/}/images/flash2.jpg" alt="" width="100%" ></li>
			        <li><img class="sliderimg" src="{ms:global.host/}/{ms:global.style/}/images/flash3.jpg" alt="" width="100%" ></li>
			    </ul>
			    <a href="javascript:void(0);" class="unslider-arrow06 prev"><img class="arrow" id="al" src="{ms:global.host/}/{ms:global.style/}/images/arrowl.png" alt="prev" width="20" height="35"></a>
			    <a href="javascript:void(0);" class="unslider-arrow06 next"><img class="arrow" id="ar" src="{ms:global.host/}/{ms:global.style/}/images/arrowr.png" alt="next" width="20" height="37"></a>
			</div>
			<script>
	function imgReload()
	{
		var imgHeight = 0;
		var wtmp = $("body").width();
		$("#b06 ul li").each(function(){
	        $(this).css({width:wtmp + "px"});
	    });
		$(".sliderimg").each(function(){
			$(this).css({width:wtmp + "px"});
			imgHeight = $(this).height();
		});
	}
	$(window).resize(function(){imgReload();});
	$(function(e) {
		imgReload();
	    var unslider06 = $('#b06').unslider({
			dots: true,
			fluid: true
		}),
		data06 = unslider06.data('unslider');
		$('.unslider-arrow06').click(function() {
	        var fn = this.className.split(' ')[1];
	        data06[fn]();
	    });
	});
</script>
			<div class="met-index-service met-index-body">
				<div class="container services-bg">
					<ul class="blocks-100 blocks-sm-1 blocks-md-3 blocks-xlg-3 " data-scale='2'>
						{ms:arclist typeid=1329257213283344385 size=3 orderby=sort order=desc}
						<li class="invisible" data-plugin="appear" data-animate="slide-left" data-repeat="false">
							<div class="project-item ">
								<div class="project-img">
									<img data-original="{ms:global.host/}/{@ms:file field.litpic/}" title="[field.title/]" alt="[field.title/]" class="cover-image">
								</div>
								<div class="project-intro">
									<h4 class="project-title">[field.title/]</h4>
									<div class="project-descr"></div>
									<div class="text-center  service-more">
										<a class="button" href="{ms:global.url/}[field.link/]" title="[field.title/]" target='_self'>More</a>
									</div>

								</div>
							</div>
						</li>
						{/ms:arclist}
					</ul>
				</div>
			</div>
			<div class="met-index-case met-index-body">
				<div class="container">
					<h3 class="invisible" data-plugin="appear" data-animate="slide-top" data-repeat="false">
						<a href="{ms:global.host/}/product" title="产品列表" target='_self'>产品列表</a>
					</h3>
					<p class="desc invisible" data-plugin="appear" data-animate="fade" data-repeat="false">在好吃之上 更讲求营养 关心顾客最本质的需求</p>
					<ul class="blocks-2 blocks-sm-2 blocks-md-3 blocks-xlg-3  blocks no-space " data-scale='1.6'>
						{ms:arclist typeid=1329257213283344385 size=6 orderby=sort order=desc}
						<li class="project-item">
							<a href="{ms:global.url/}[field.link/]" title="[field.title/]" target='_self' class="hover-color">
								<img data-original="{ms:global.host/}/{@ms:file field.litpic/}" alt="[field.title/]" class="cover-image" style="height: 292px;">
							</a>
						</li>
						{/ms:arclist}
					</ul>
					<div class="text-center case-more">
						<a class="button" href="{ms:global.host/}/product" title="产品列表" target="_self">MORE</a>
					</div>

				</div>
			</div>
			<div class="met-index-about  met-index-body" data-bg="{ms:global.host/}/{ms:global.style/}/images/1488504397.jpg" bg-repeat="false">
				<div class="container">
					<h3 class="invisible" data-plugin="appear" data-animate="slide-top" data-repeat="false">
						<a href="{ms:global.host/}/gywm/lianxiwomen"  title="About Us"  target='_self'>About Us</a>
					</h3>
					<p class="desc invisible" data-plugin="appear" data-animate="fade" data-repeat="false">推崇创意 拒绝盲从</p>
					<div class="met-editor lazyload clearfix invisible" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
						<p style="text-align: center;">努力为员工提供良好的工作环境和科学的激励机制。</p>
						<p style="text-align: center;">努力让适合的人干适合的事，为员工提供丰富的培训和晋升机会，使员工和公司共同成长。</p>
						<p style="text-align: center;">尊重和信任员工，鼓励员工充分发挥聪明才智，使其在自己的领域获得成功。</p>
						<p style="text-align: center;">
							<img class="imgloading" height="200" data-original="{ms:global.host/}/{ms:global.style/}/images/indexinfo.jpg" title="首页简介" alt="首页简介.jpg" />
						</p>
						<p><br/></p>
					</div>
				</div>
			</div>
			<div class="met-index-news met-index-body">
				<div class="container">
					<h3 class="invisible" data-plugin="appear" data-animate="slide-top" data-repeat="false">
						<a href="{ms:global.host/}/news" title="News" target='_self'>News</a>
					</h3>
					<p class="desc invisible" data-plugin="appear" data-animate="fade" data-repeat="false">理念健康时尚才能脱颖而出</p>
					<ul class="blocks-100 blocks-sm-1 blocks-md-3 blocks-xlg-3 " data-scale='2'>
						{ms:arclist typeid=1329257282518720513 size=6 orderby=sort order=desc}
						<li data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
							<div class="single-blog-post">
								<div class="img-holder">
									<img class="cover-image" data-original="{ms:global.host/}/{@ms:file field.litpic/}" alt="[field.title/]" title="[field.title/]" src="{ms:global.host/}/{@ms:file field.litpic/}">
									<div class="overlay">
										<a href="{ms:global.url/}[field.link/]" title="[field.title/]" target='_self'>
											<div class="overlays">
											</div>
										</a>
									</div>
									<div class="date">
									{ms:field.date?string("yyyy-MM-dd HH:mm:ss")/}
										<!-- <b>06</b> <br> Mar -->
									</div>
								</div>
								<div class="newsdetail">
									<a href="{ms:global.url/}[field.link/]" title="[field.title/]" target='_self'>
										<h2>[field.title/]</h2></a>
									<ul>
										<li><span>[field.author/]</span></li>
										<li>
											<p>
												<i class="icon wb-eye margin-right-5 iconfont" aria-hidden="true">&#xe6ca;</i>[field.hit/]
											</p>
										</li>
									</ul>
									<p>[field.descrip/]</p>
								</div>
							</div>
						</li>
						{/ms:arclist}
					</ul>
				</div>
			</div>
			<#include "footer.htm">
			<script src="{ms:global.host/}/{ms:global.style/}/js/unslider.min.js"></script>
		</div>
	</body>
</html>